
/**全局**/
*{ margin:0; padding:0; border:0;background-repeat:no-repeat;list-style-type:none;}/*去掉前面的点*/
ul,li,h1,h2,h3,h4{ list-style-type:none; padding:0 ; margin:0;}
body{font-family:微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
input,button{outline:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;} /*去掉下划线*/
a:active {text-decoration:none;}
a{color:#000;}
.main{width:1200px;position: relative;margin:0 auto;}
@font-face {
font-family: big_noodle_titling; /*这里是说明调用来的字体名字*/
src: url('../fonts/Big Noodle Titling.ttf'); /*这里是字体文件路径*/
}
@font-face {/*图标*/
font-family: FontAwesome; /*这里是说明调用来的字体名字*/
src: url('../fonts/FontAwesome.otf'); /*这.go_top里是字体文件路径*/
}
.fix{position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
.fix_between{justify-content:space-between;}
.fix_wrap{flex-wrap:wrap}
.fix_justify{justify-content:center;}
/**公共元素**/
.icon-next {
	display: inline-block;
	width: 0.94em;
	height: 0.75em;
	background: url(../images/next.png) 0 0 no-repeat;
	background-size: 0.94em 0.75em;
}
/**布局**/
.item4{width:calc(25% - 9px);margin:0 0 12px 12px;}
.item4 img{width:100%;display: block;}
.item4:first-child,.item4:nth-child(4n+1){margin-left:0;}
/*开头定义*/
#scroll_container{position:fixed;width: 100%;left:0;top:0;z-index:5000;overflow:visible !important;}
.top_position{position:relative;width:100%;z-index:20;left:0;top:0;background:#fff;box-shadow:0 0 35px rgba(0, 0, 0, 0.1);height:90px;
}
.head_topr{width:196px;float:right;padding:4px 0;}

.head_box{}
.head_box .lx{width:270px;height:75px;float:right;margin-top:6px;display:block;padding-top:12px;}
.head_box .lx li{font-size:12px;color:#999;}

.slide{position:relative;}
.nav_t{width:900px;text-align:center;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.nav_t h3{font-size:86px;color:#29b8f0;opacity:0;line-height:120px;top:50px;position:relative;font-weight:normal;letter-spacing:5px;}
.nav_t b{font-size:36px;color:#e5e5e5;opacity:0;line-height:60px;top:50px;position:relative;font-weight:normal;padding-bottom:20px;}
.nav_t p{font-size:24px;color:#29b8f0;opacity:0;line-height:45px;top:50px;position:relative;}
.nav_t em{font-size:18px;color:#e5e5e5;font-style:normal;opacity:0;line-height:24px;top:50px;position:relative;}

.fLe{float:left;height:35px;line-height:35px;color:#555}
.fLe p{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.head_box_R{margin:4px 0;}

.head_one{width:100%;height:37px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.head_one .Tone{height:36px;line-height:36px;}
.head_one .Tone .left{width:300px;height:36px;float:left;color:#777;font-size:14px;}
.head_one .Tone .right{width:190px;height:36px;line-height:36px;float:right;}
.head_one .Tone .right img{padding:10.5px 0;}

.head_top{display:block;}
.head_topl{float:left;width:500px;height:38px;font-size:12px;color:#bbbbbb;line-height:35px;padding-left:10px;}

.logo{margin-right:10px;float:left;width:200px;}
.logo img{padding:15px 0;position:relative;}

.phone{width:200px;overflow:hidden;line-height:36px;float:right;padding-top:27px;height:90px;box-sizing:border-box;margin-left:40px;}
.phone p{display:block;padding-left:12px;font-family:'big_noodle_titling';font-size:30px;letter-spacing:1px;color:#b84242}
.phone img{display:block;width:24px;height:24px;padding:3px;text-align:center;line-height:30px;border:1px solid rgba(184, 66, 66,0.5);border-radius:15px;font-size:24px;float:left;margin:3px 10px 3px 0;}
/*下页*/
.scroll{position:absolute;left:50%;top:50%;width:34px;height:22px;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);cursor:pointer;overflow:hidden;}
.scroll img{width:24px;position:absolute;left:5px;top:0;}
.arrow{position:absolute;left:10.5px;top:45px;}

/*导航栏*/
.act{width:710px;margin:0 auto;position:relative;z-index:11;float:right;height:90px;}
.act_box{width:710px;margin:0 auto;display:block;position:absolute;top:0px;left:0;background:url() no-repeat;padding-left:10px;float:left;}
.act_left{width:534px;float:left;position:relative;z-index:0;}
.act_left p{float:right;margin:1px 11px 0px 0px;}
.act_left form{float:right;margin-right:11px;}
.act_logo{float:left;margin:5px;}
.act_logo img{height:60px;}
.act_title{margin:10px 0 0 20px;height:110px;float:left;width:50%;}
.act_title h1{color:#fff;padding:25px 0 15px 0;font-size:24px;}
.act_title h3{color:#eee;font-size:14px;font-weight:normal;}
.clear{clear:both;}

.zz_box{position:absolute;top:50%;left:50%;z-index:110;transition:0.5s ease;}
.zz{width:608px;height:240px;position:absolute;top:-120px;left:-384px;background:url(../images/opa60.png);padding:30px 80px;}
.zz h2{font-size:60px;color:#eb3c00;}
.zz span{font-size:48px;color:#111;}
.zz p{font-size:14px;color:#333;line-height:24px;padding-top:20px;}

.navgation{width:100%;position:relative;overflow: visible !important;height:90px;line-height:90px}
.nav_box{width:100%;height:auto;margin:0 auto;overflow:hidden;}
.nav{width:100%; height:45px;position: relative;display: inline;}

.cur{position:relative;}

.nli{float:left; width:100px;text-align:center;position:relative;background:#fff;}/*一级菜单*/
.nli:first-child{margin-left:4px;}
.nav a {display:block;color:#333;font-size:16px;font-family:"微软雅黑";} /*设置块元素*/
.nav3 a{color:#b84242 !important;}
.nli li{padding:0px;width:90px;}

.nli a{width:100px;}
.nli a h3{font-size:16px;}
.nli a h3 span{font-size:12px;}
.nli li:nth-last-child(1){border-bottom:0px;}

.sub li{float:left;width:100px;height:36px;}
.sub li a{color:#555 !important;display:block;font-size:12px;line-height:36px;background:#fff !important;height:36px;width:100px;position:relative;padding-top:0 !important;}

.sub li:first-child a p{border-top:none;}
.nli h3{font-weight:normal;}

.nav li:hover a{color:#fafafa;}
.sub li:hover a{color:#fafafa !important;background:#b84242 !important;}
.nap li:hover a{background:#fafafa !important;}
.nav .nli:first-child{background:none;}

.overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:20;
    background-color: rgba(0,0,0,0.4)};

.nav li:hover a{color:#fafafa;}
.sub li:hover a{color:#fafafa !important;}
.nap li:hover a{}
.nav .nli:first-child{background:none;}

.slide img {object-fit: cover;display: block;width: 100%;height: 100%;}

.di{height:100px;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:50;}
.bottom-bg{background:url(../images/ban_bg.png) center top no-repeat;height:54px;width: 100%;position: absolute;left: 0;bottom: -27px;z-index: 5;}
.top-bg{background:url(../images/ban_bg1.png) center bottom no-repeat;height:54px;width: 100%;position: absolute;left: 0;top: -27px;z-index: 5;}
/*缩小导航*/

#scroll_container .m-header{position:relative;}
.c1{zoom: 1;}
.mpage body {width: 100%;height: 100%;position: relative;overf low: hidden;}
.header{width: 100%;background: rgba(255,255,255,.99);border-bottom: 1px rgba(0,0,0,.1) solid;position: fixed;top: 0;left: 0;margin: auto;z-index: 99;
overflow: hidden;-webkit-transition: height .3s cubic-bezier(0.28, 0.11, 0.32, 1);height: 48px;}
.btop{background:rgba(0,0,0,.02);height:48px;width:100%;position: relative;}

#scroll_container .m-menu-layer ul li:nth-child(7){-webkit-transition: opacity .5s .1s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .02s cubic-bezier(0.28, 0.11, 0.32, 1);}
#scroll_container .m-menu-layer ul li:nth-child(6){-webkit-transition: opacity .5s .12s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .04s cubic-bezier(0.28, 0.11, 0.32, 1);}
#scroll_container .m-menu-layer ul li:nth-child(5){-webkit-transition: opacity .5s .14s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .06s cubic-bezier(0.28, 0.11, 0.32, 1);}
#scroll_container .m-menu-layer ul li:nth-child(4){-webkit-transition: opacity .5s .16s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .08s cubic-bezier(0.28, 0.11, 0.32, 1);}
#scroll_container .m-menu-layer ul li:nth-child(3){-webkit-transition: opacity .5s .18s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .1s cubic-bezier(0.28, 0.11, 0.32, 1);}
#scroll_container .m-menu-layer ul li:nth-child(2){-webkit-transition: opacity .5s .2s cubic-bezier(0.28, 0.11, 0.32, 1),-webkit-transform .8s .14s cubic-bezier(0.28, 0.11, 0.32, 1);}
#scroll_container .m-menu-layer ul li:nth-child(1){-webkit-transition: opacity .5s .22s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .14s cubic-bezier(0.28, 0.11, 0.32, 1);}


.openMenu .m-menu-layer ul li{opacity: 1; -webkit-transform: scaleX(1) translateX(0);}
.openMenu .m-menu-layer ul li:nth-child(1){-webkit-transition: opacity .5s .2s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .02s cubic-bezier(0.28, 0.11, 0.32, 1);}
.openMenu .m-menu-layer ul li:nth-child(2){-webkit-transition: opacity .5s .22s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .04s cubic-bezier(0.28, 0.11, 0.32, 1);}
.openMenu .m-menu-layer ul li:nth-child(3){-webkit-transition: opacity .5s .24s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .06s cubic-bezier(0.28, 0.11, 0.32, 1);}
.openMenu .m-menu-layer ul li:nth-child(4){-webkit-transition: opacity .5s .26s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .08s cubic-bezier(0.28, 0.11, 0.32, 1);}
.openMenu .m-menu-layer ul li:nth-child(5){-webkit-transition: opacity .5s .28s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .1s cubic-bezier(0.28, 0.11, 0.32, 1);}
.openMenu .m-menu-layer ul li:nth-child(6){-webkit-transition: opacity .5s .3s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .12s cubic-bezier(0.28, 0.11, 0.32, 1);}
.openMenu .m-menu-layer ul li:nth-child(7){-webkit-transition: opacity .5s .32s cubic-bezier(0.28, 0.11, 0.32, 1), -webkit-transform .8s .14s cubic-bezier(0.28, 0.11, 0.32, 1);}

.btn-menu{-webkit-transition: opacity .3s .1s ease;z-index: 2;text-align: left;padding: 0 8px;}
a.btn-menu:before{-webkit-transform: rotate(0) translateY(0) translateX(0) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);width: 35px;height: 2px;display: inline-block;overflow: hidden;vertical-align: middle;position: absolute;top: 50%;left: 50%;margin-left: -18px;margin-top: -15px;background-color: #eee;content: '';}
a.btn-menu1:before,a.showdh:before{background-color: #333;}
a.btn-menu:after {-webkit-transform: rotate(0) translateY(0) translateX(0) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);width: 35px;height: 2px;display: inline-block;overflow: hidden;vertical-align: middle;position: absolute;top: 50%;left: 50%;margin-left: -18px;margin-top: 15px;background-color: #eee;content: '';}
a.btn-menu1:after,a.showdh:after{background-color: #333;}
.openMenu .m-header div.navbar-menu a.btn-menu:before {-webkit-transform: rotate(45deg) translateY(11px) translateX(9.5px) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}
.btn-menu b {opacity: 1;-webkit-transform: scaleY(1.5);-webkit-transition: opacity .8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .5s .3s cubic-bezier(0.86, 0, 0.07, 1);width: 35px;height: 2px;display: inline-block;overflow: hidden;vertical-align: middle;position: relative;top: 50%;margin-top: 0;margin-left: -1px;background-color: #eee;}
.btn-menu1 b,a.showdh b{background:#333 !important;}
.navbar-menu{text-align:right;height:100%;-webkit-box-flex: 1;display: block;position: relative;width:60px;float:right;height:60px;margin:15px 0;display:none;}


.openMenu .m-header div.navbar-menu a.btn-menu:after {-webkit-transform: rotate(-45deg) translateY(-11px) translateX(10.5px) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}
.openMenu .m-header div.navbar-menu a.btn-menu b {opacity: 0;-webkit-transform: scaleY(1.5);-webkit-transition: opacity .8s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform .8s cubic-bezier(0.86, 0, 0.07, 1);}
.menu-layer{display: block;background: rgba(0,0,0,.02);border-top: 1px rgba(0,0,0,0) solid;position: relative;overflow: hidden;overflow-y: auto;}
.menu-layer ul li{display: block;position: relative;border-bottom: 1px rgba(0,0,0,.05) solid;opacity: 0;-webkit-transform: scaleX(1.5) translateX(-10px);}

.m-menu-layer ul li a {display: block;padding: 10px 0;font-size: 110%;position: relative;z-index: 2;line-height:55px;padding-left:10px;box-sizing:border-box;}
.openMenu {-webkit-transition: height .5s cubic-bezier(0.28, 0.11, 0.32, 1);}
.m-menu-layer ul{margin: 1em 1em 0 1em;}
.m-header div.navbar-menu a {display: inline-block;height: 100%;margin: 0 5px;text-align: center;position: relative;vertical-align: middle;}
.m-menu-layer {display: none;background: rgba(255,255,255,1);border-top: 1px rgba(0,0,0,0) solid;position: relative;overflow: hidden;overflow-y: auto;}
.m-menu-layer ul li {display: block;position: relative;border-bottom: 1px rgba(0,0,0,.05) solid;-webkit-transform: scaleX(1.5) translateX(-10px);}
.m-menu-layer ul li a b {width: 55px;height: 55px;display: inline-block;vertical-align: middle;margin-right: 5px;background-size: 385px 55px;-webkit-transform: scale(.6);}

/*下拉列表*/

/*分享*/

/*下拉列表*/
.sub{display:none;position:relative;z-index:999;} /*隐藏二级栏目*/

/*定义图片轮播*/
.pic_overflow{width:100%;margin:0 auto;}
#index_banner{
  
	position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-slide {
     
    }
.ss{width:calc(25% - 15px) !important}
.swiper-slide img{object-fit: cover;width:100%;height:100%;display: block;}
.swiper-pagination-bullet{display: block;width: 24px;height: 24px;line-height: 24px;margin: 14.5px 7px;position: relative;}
.swiper-button-prev{left: 0px;width: 30px;height: 32px;}
.swiper-button-next{right: 0px;width: 30px;height: 32px;}


.subtitle{width:900px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:21;text-transform:Uppercase;}
.subtitle h3{font-size:66px;color:#ff5b5b;line-height:66px;padding:0px;font-weight:normal;letter-spacing:5px;display:block;}
.subtitle b{font-size:24px;color:#e5e5e5;line-height:24px;padding-top:20px;font-weight:normal;letter-spacing:3px;padding-bottom:20px;display:block;}
.subtitle p{font-size:24px;color:#ff5b5b;line-height:24px;padding-top:20px;letter-spacing:3px;display:block;}
.subtitle em{font-size:18px;color:#e5e5e5;font-style:normal;line-height:24px;padding-top:10px;letter-spacing:2px;display:block;}

@-webkit-keyframes spin {
      from {top:-90px; }
      to   {top:22px; }
    }
#span{animation: spin 2s infinite linear;}

/*list_left*/
.list_box{display:block;height:auto;overflow:hidden;}
.list_box_title{height:auto;margin:0 auto;position:relative;}
#list_cound{margin:10px 0 30px;}
#list_cound li{padding:12px 24px;background:#f5f5f5;border:1px solid #f1f1f1;margin:10px;font-size:14px;}

.xxt{position:relative;overflow:hidden;height:400px;}
.xxt .xxt_pic{width: 110vw; height:100%;position: absolute;background: no-repeat;background-size: cover;background-position: center center;-webkit-animation: subs 6s linear 1;-webkit-animation-fill-mode: forwards;-webkit-transform: translateX(-5%);}
@-webkit-keyframes subs {
0% {
-webkit-transform:translateX(-5%)
}
100% {
-webkit-transform:translateX(0)
}
}


/*页脚内容*/

.tf{width:100%;height:auto;overflow:hidden;background:#222;padding:60px 0;position: relative}

.Litem{padding:20px 0;width:20%;color:#999;font-size:14px;position:relative;}
.Litem h3{font-size:24px;line-height:60px;font-weight:normal;color:#fff;}
.Litem img{width:100%;padding-top:10px;}
.Ritem{padding:20px 40px 20px 0;width:30%;color:#999;font-size:14px;position:relative;box-sizing:border-box;}
.Ritem h3{font-size:24px;line-height:60px;font-weight:normal;color:#fff;}
.Ritem p{line-height:32px;color:#b1b5ba;}
.Ritem .p1{line-height:24px;color:#b1b5ba;padding-bottom:20px;font-size:14px;width:190px;}
.Ritem a{line-height:32px;font-size:14px;height:32px;display:inline-block;color:#b1b5ba;width:120px;}
.Ritem:nth-child(4){padding-right:0 !important;}

.mt{width:100%;background:#111;border-top:1px solid #000;}
.wrap{height:60px;line-height:60px;color:#8b8b8b;font-size:14px;}
.Ritem p i{font-size:14px;line-height:24px;width:20px;height:24px;text-align:center;color:#ccc;display:inline-block;padding-right:5px;}
.Ritem .yx i{font-size:12px !important;}

.go_top{background: url(../images/arr1.jpg) center top no-repeat;width: 100%;height: 15px;display: block;position: absolute;left: 0;top:0;z-index: 11;}
/**index_主页内容块**/
.index{text-align:center;position:relative;padding-top:50px;z-index: 6}
.index h3{font-size:28px;line-height: 36px;position:relative;z-index: 1}
.index b{font-size:62px;line-height:62px;color:rgba(211,211,211,0.2);text-transform:uppercase;margin-top:-62px;display: block}
.index i{font-size:22px;line-height:24px;color:#b63a3a;margin-top:5px;}
/*第一块内容*/


/*第二块内容*/
.second{padding:30px 0 100px;}
.ableft{text-align:left !important}

.aboutc{text-align:center;font-size:14px;line-height:34px;color:#666;padding: 50px 0;}
.abouti{}
.abouti b{font-size: 24px;color: #002;line-height: 36px;font-weight:normal;margin-top:10px;display: block;text-align: center}
.abouti p{text-align: center;font-size: 14px;line-height: 24px;color: #666;}
.abouti span{display:block;width: 45px;height: 0;border-bottom: 1px solid #7f7f90;margin:20px auto}
.abouti img{display: block;padding:0 35%;box-sizing: border-box;}

.about{padding-bottom:100px;}
/*第三块内容*/

.three{width:100%;padding:50px 0;position:relative;background:#f5f6fa url(../images/b3.jpg);background-size:cover;text-align:center;}
.naa{}
.naa1{display:none;}
.box_content{border-top:none;border-bottom:none;position:relative;}
.photo-list {position: relative;overflow: hidden;width:100%;margin:45px 0;}
.photo-list ul{ text-align:center; position:relative;}
.photo-list .img-box{display: block;position: relative; overflow: hidden;}
.photo-list .img-box img{width: 100%; transform: translateZ(0px);transition: transform 8s;}
.photo-list .img-box:hover img{transform: scale(1.5, 1.5); }


.photo-list .cont-box{ padding:10px 15px; background:#fff; border:1px #eeeeee solid;border-top:none; text-align:left; overflow:hidden;background:#fafafa;}
.photo-list .cont-box .stit{font-size: 16px; line-height: 30px; position: relative;  overflow:hidden}
.photo-list .cont-box .stit a{display:block; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%;}
.photo-list .cont-box .lab-font{line-height:30px;font-size:12px; min-height:30px; color:#666;overflow:hidden}
.photo-list .cont-box .bot-link{margin-top:5px; border-top: 1px solid #eef1f8;line-height: 36px; display: block;height:1px;}
.up-pic{padding:5px;border:1px solid #f5f5f5;box-sizing: border-box;}

.pages {text-align:center; overflow:hidden; margin-top:30px;}
.pages .pre-page, .pages .next-page {width:120px;height:40px;line-height:40px;text-align: center;font-size: 14px;background: #eaeaea;cursor: pointer;transition: all 0.4s; display:inline-block;color:#555;}

/*第四块内容*/
.four{position:relative;padding:30px 0 80px;}
.four .content{position:relative;margin-top:50px;}
.more{width:120px;height:45px;background:#b84242;color:#fff;display: block;margin:30px auto 0;line-height:45px;text-align: center;font-size:14px}
.venobox i{font-size:24px !important;padding-top:10px;}
/*** 

====================================================================
	Gallery Sections
====================================================================

***/

.gallery-section{
	position:relative;
	padding:80px 0px;
}

.gallery-section .sec-title{
	margin-bottom:60px;	
}

.gallery-section .filters{
	position:relative;
	text-align:center;
	margin-bottom:50px;
}

.gallery-section .filters li{
	position:relative;
	display:inline-block;
	padding:2px 25px;
	line-height:24px;
	border-radius:16px;
	color:#576c85;
	cursor:pointer;
	text-transform:capitalize;
	font-size:14px;
	font-weight:400;
	margin:0px 5px 10px;
	border:2px solid rgba(0,0,0,0);
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.gallery-section .filters li:hover,
.gallery-section .filters li.active{
	color:#1d93e5;
	border-color:#1d93e5;	
}
.tags{color:#ccc;text-transform:capitalize;font-size:14px;}

.default-portfolio-item{
	position:relative;
	
}

.default-portfolio-item.mix{
	display:none;
}

.fullwidth .default-portfolio-item{
	padding:0px !important;
	margin:0px;	
}

.default-portfolio-item .inner-box{
	position:relative;
	overflow:hidden;	
}

.default-portfolio-item .inner-box .image{
	position:relative;
	display:block;
	width:100%;	
}

.default-portfolio-item .inner-box .image img{
	position:relative;
	display:block;
	width:100%;	
}

.default-portfolio-item .overlay-box{
	position:absolute;
	left:0px;
	top:-100%;
	padding:0px;
	width:100%;
	height:100%;
	text-align:center;	
	background:rgba(33,139,213,0.90);
	background:-moz-linear-gradient(top,rgba(6,6,6,0.60),rgba(6,6,6,0.60));
	background:-ms-linear-gradient(top,rgba(6,6,6,0.60),rgba(6,6,6,0.60));
	background:-webkit-linear-gradient(top,rgba(6,6,6,0.60),rgba(6,6,6,0.60));
	background:-o-linear-gradient(top,rgba(6,6,6,0.60),rgba(6,6,6,0.60));
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.default-portfolio-item:hover .overlay-box{
	top:0px;
	opacity:1;	
}

.default-portfolio-item .overlay-box .content-box{
	position:absolute;
	left:0px;
	top:0px;
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.default-portfolio-item .overlay-box .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.default-portfolio-item .overlay-box h3{
	position:relative;
	font-size:16px;
	color:rgba(255,255,255,0.90);
	margin-bottom:10px;
	font-family:'Montserrat',sans-serif;
}

.default-portfolio-item .overlay-box h3 a{
	color:rgba(255,255,255,0.90);
}

.default-portfolio-item .overlay-box h3 a:hover{
	color:rgba(255,255,255,1);
}

.default-portfolio-item .overlay-box a{
	color:#ffffff;	
}

.default-portfolio-item .overlay-box a:hover{
	color:#f1f1f1;	
}

.default-portfolio-item .zoom-btn{
	position:relative;
	display:inline-block;
	font-size:32px;
	line-height:40px;
	margin-top:20px;
	opacity:0.80;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.default-portfolio-item .zoom-btn:hover{
	color:#ffffff;
	opacity:1;
}

.default-portfolio-item .line-left{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0%;
	border-right:5px solid rgba(255,255,255,0.70);	
}

.default-portfolio-item .line-bottom{
	position:absolute;
	left:0px;
	bottom:0px;
	width:0%;
	height:5px;
	border-bottom:5px solid rgba(255,255,255,0.70);	
}

.default-portfolio-item .line-right{
	position:absolute;
	right:0px;
	bottom:0px;
	width:0px;
	height:0%;
	border-left:5px solid rgba(255,255,255,0.70);	
}

.default-portfolio-item .line-top{
	position:absolute;
	right:0px;
	top:0px;
	width:0%;
	height:0px;
	border-top:5px solid rgba(255,255,255,0.70);	
}

.default-portfolio-item .inner-box:hover .line-left{
	height:100%;
	transition:all 300ms ease 500ms;
	-moz-transition:all 300ms ease 500ms;
	-webkit-transition:all 300ms ease 500ms;
	-ms-transition:all 300ms ease 500ms;
	-o-transition:all 300ms ease 500ms;	
}

.default-portfolio-item .inner-box:hover .line-bottom{
	width:100%;
	transition:all 300ms ease 800ms;
	-moz-transition:all 300ms ease 800ms;
	-webkit-transition:all 300ms ease 800ms;
	-ms-transition:all 300ms ease 800ms;
	-o-transition:all 300ms ease 800ms;		
}

.default-portfolio-item .inner-box:hover .line-right{
	height:100%;
	transition:all 300ms ease 1100ms;
	-moz-transition:all 300ms ease 1100ms;
	-webkit-transition:all 300ms ease 1100ms;
	-ms-transition:all 300ms ease 1100ms;
	-o-transition:all 300ms ease 1100ms;	
}

.default-portfolio-item .inner-box:hover .line-top{
	width:100%;
	transition:all 300ms ease 1400ms;
	-moz-transition:all 300ms ease 1400ms;
	-webkit-transition:all 300ms ease 1400ms;
	-ms-transition:all 300ms ease 1400ms;
	-o-transition:all 300ms ease 1400ms;
}



/*第五块内容*/
.five{width:100%;position:relative;margin:0 auto;overflow:hidden;background:url("../images/bg_2.jpg") no-repeat;padding:50px 0 70px;color:#fff;background-size:cover;}
.five .content{position:relative;padding:45px 0;}
.five .content li{width:22%;display:block;float:left;display:block;position:relative;margin-left:4%;padding:45px;box-sizing:border-box;background:url(../images/black_op10.png);cursor:pointer;}
.five .content li em{width:50px;height:3px;background:#ab5353;display:block;margin:15px 0}
.five .content li .obj{width:100px;height:32px;background:#ab5353;line-height:32px;text-align:center;float:right;border-radius:5px;margin-top: 24px;}

.five .content li:first-child{margin-left:0;}
.five .content li a{font-size:16px;display:block;color:#f5f5f5;overflow:hidden;}
.five .content li span{display:block;font-size:14px;color:#bbb;letter-spacing: 1px;}
.five .content li p{display:block;font-size:14px;padding-top:30px;}
.tt{margin-top:30px;border-top:1px solid #666;color:#ccc;}
.five .content li i{padding-top:30px;}
/*第六块内容*/
.six{position:relative;padding:30px 0 100px;background:url("../images/b4.jpg");}
.six .content{margin-top:50px;}
.ditu{width:450px;height:460px;font-size:12px;}

/*主页图片滚轮*/


/**内页模块**/

/*pic_内页产品图片内容图片*/



/*点击大图*/

/*滑动门*/
.list_top{width:100%;display:block;position:relative;background:#f2f2f2;}
.list_top ul{position:relative;display:block;}
.list_top ul li{display:inline-block;_zoom:1;display:inline;width:230px;height:30px;text-align:center;padding:10px 20px;}

div.TabContent div:nth-child(1){display:block;}
div.TabContent div:first-child{display:block;}
.nTab{height:auto;display:block;}

.nTab .TabTitle,.TabTitle1{height:auto;overflow:hidden;}
.nTab .TabTitle li;.TabTitle1 li{cursor:pointer;line-height:36px;border:1px solid #e1e1e1;margin-top:5px;}


/*.nTab .TabTitle .active:before{content:"";background:url(../images/list_act.png);position:absolute;right:0;bottom:0;width:12px;height:45px;display:block;}*/


.pic{width:170px;height:132px;}
.item_title{width:100%;height:36px;border-bottom:1px solid #e1e1e1;display:block;}
.item_title h2{font-size:18px;line-height:36px;font-weight:normal;}
.item_title img{width:24px;height:24px;padding:6px;}
.item_title a{font-size:16px;color:#555;line-height:36px;}
.pic_big{width:600px;padding:15px;border-radius:5px;border:solid 1px #f1f1f1;margin:10px auto;position:relative;background:#f5f5f5;}


/* 切换按钮 */
    /* 上一个 */
.pic_box .prea{position: absolute;z-index:0;top: 50%;left: -30px;width: 30px;height: 30px;margin-top: -20px;background:url(../images/ad_prev.png); cursor:pointer}

    /* 下一个 */
.pic_box .nexta {position: absolute;z-index:0;top: 50%;right: -30px;width: 30px;height: 30px;margin-top: -20px;background:url(../images/ad_next.png); cursor:pointer}

.pic_box{width:600px;overflow:hidden;display:block;position:relative}

/*list_内容页内容样式*/
.content_title{height:40px;}
.content_title1{width:598px !important;height:50px !important;}
.content_title h2{font-family:"微软雅黑";line-height:40px;width:100%;font-size:18px;font-weight:normal;text-align:center;}
.content_title1 h2{line-height:48px;background:#fff;border:1px solid #e5e5e5;margin-top:15px;text-align:center;color:#555;}
.content_data{height:36px;text-align:center;margin:10px auto}
.content_data p{font-size:12px;font-family:Arial,Helvetica,sans-serif;width:100%;line-height:36px;text-align:center;}

.content_content{margin:0 auto;box-sizing: border-box;width:100%}

.content_content p{font-family:"微软雅黑";line-height:30px !important;color:#666;font-size:14px !important;}
.content_box{background:#f5f5f5;padding:30px;}

.updown{text-align:center;line-height:24px;margin-top:80px;}
.updown span{padding:8px 0px;background:#e5e5e5;color:#555;display: block;font-size:14px;width:49.9%;}
.updown span a{color:#555;}
.updown .p1 a{background:url(../images/goto.png);width:60px;height:104px;background-position:0px 0px;display:block;position:absolute;left:58px;top:250px;z-index:10;}
.updown .p2 a{background:url(../images/goto.png);width:60px;height:104px;background-position:60px 0px;display:block;position:absolute;right:28px;top:250px;z-index:10;}

/*list_列表页内容样式*/
.list_new .item_li{border: 1px solid #f1f1f1;width:calc(50% - 10px);height:auto;overflow:hidden;box-sizing:border-box;margin-bottom:20px;box-shadow:0 0px 0px #eee;transition:all 0.5s;position:relative;cursor:pointer;display: block}
.list_new .item_li:hover{box-shadow:0 3px 25px #eee;}
.list_new .item_li:hover .newb:before{left:-30px;}

.newb{overflow:hidden;position:relative;padding:40px;box-sizing:border-box;}
.newb:before{content:'';width:30px;height:1px;position:absolute;left:0;top:50px;display:block;background:#555;transition:all 0.5s;}
.list_new .item_left{width:25%;float:left;color:#ccc;font-size:12px;box-sizing:border-box;}
.list_new .item_left b{font-size:24px;color:#808080;font-weight:normal;}
.list_new .item_right{width:75%;height:auto;overflow:hidden;float:left;box-sizing:border-box;padding-bottom:20px;position:relative;}
.list_new .item_right:before{content:'';background:url(../images/fx.png) no-repeat;background-size:15px 10px;display:block;position:absolute;bottom:0;left:-15px;width:15px;height:10px;transition:all 0.5s;}
.list_new .item_li:hover .item_right:before{left:0px;}
.list_new .item_right a{line-height:24px;font-size:14px;display:block;color:#555;position:relative;overflow:hidden;box-sizing:border-box;transition:all 0.5s;overflow:hidden;text-overflow:ellipsis;       white-space:nowrap;}
.list_new .item_right a:before{content:'';width:30px;height:1px;position:absolute;left:-30px;top:12px;display:block;background:#555;transition:all 0.5s;}
.list_new .item_li:hover .item_right a:before{left:0px;}
.list_new .item_li:hover .item_right a{padding-left:35px;}
.list_new .item_right span{font-size:12px;color:#999;line-height:24px;padding-top:10px;display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.list_new li img{padding:3px 0;}

.list_right{display:block;padding-bottom:80px;}
.list_right .title .position{position:absolute;right:10px;top:0;}
.list_right .title h3{float:left;font-size:14px;font-weight:normal;}
.list_right .title span{float:left;font-size:14px;}
.list_right .content{font-size:14px;line-height:24px;}
.list_right .content1{font-size:12px;line-height:24px;min-height:460px;}




/*guest_表单样式*/
.biaodan{flex-grow:1;padding-left:30px}
.biaodan p{line-height:36px;font-size:14px;}
.biaodan input{height: 45px;padding-left: 8px;line-height: 36px;background: rgba(255,255,255,.6);box-sizing: border-box;border:1px solid #e5e5e5;width:100%}
.biaodan textarea{border:1px solid #e5e5e5;width:100%;height:170px;background: rgba(255,255,255,.6);}
#btn{width:120px;background:#b84242;color:#fff;cursor: pointer}
#verifyImg{width:100px;height:46px;margin-left:10px;}

.guestbook{padding:0 0 100px;}
.guestbook .content{margin-top:50px;}

/*其他调用*/
.pagenum {text-align:center; font-family:"微软雅黑";margin:20px auto 0}
.pagenum a {color: #333;padding:10px 20px;background:#fff;font-family:"微软雅黑";font-size:14px;display:inline-table;border:1px #e2e2e2 solid;transition:all 0.5s;border-radius:5px;margin:5px;}
.pagenum a:hover {color: #fff !important;background:#ab5353; font-size:14px;border:1px #ab5353 solid}
.pagenum .current {color: #fff !important;padding:10px 20px;background-color:#333;font-size:14px; border:1px #333 solid;border-radius:5px;}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color:#fff;color:#333;padding:10px 20px;width:34px;display:inline-table;box-sizing:border-box;margin-right:5px;}

.napa{width:136px !important;}
.nap li a{padding:2px !important;width:132px !important;height:132px !important;}
.nap li{width:132px !important;height:134px !important;}

.slider {overflow: hidden;margin:0 auto;max-width:100%;}
.slider-btn{width:100%;margin:0 auto;}
.fl {float:left;}
.fr {float:right;}
a:link, a:visited {text-decoration:none;}
#AdLayer a{color:#8b8b8b;}

.case_top{margin-top:-15px}
.for404{margin:30px auto;text-align:center;}
.title404{text-align:center;}
.title404 h2{line-height:36px;font-size:24px;}
.for404 img{margin:0 auto;}


@media screen and (max-width:1250px) {
.phone{display:none;}
.main{width:96%;}

}

@media screen and (max-width:1000px) {
.act{display:none;}
.navbar-menu{display:block;}
.m-menu-layer{display:block;}
.bline{border-bottom:1px solid #eee;}
#scroll_container{overflow:hidden !important;height:90px;}
.bline{border-bottom:1px solid #eee;}
.Litem{display:none;}
.Ritem:first-child{width:40%;}
.Ritem{width:30%;}
.Ritem a{width:90px;}

.five .content li{padding:20px;width:49%;margin:0 0 2% 2%;}
.five .content li:first-child + li +li{margin-left:0}

.subtitle h3{font-size:32px;line-height:32px}
.subtitle b{font-size:18px;line-height:18px;padding-bottom:0px;}
.subtitle p{font-size:24px;line-height:24px}
.subtitle em{font-size:18px;line-height:18px}
}
@media screen and (max-width:860px) {
.ditu{width:100%;height:200px;}
.biaodan{width:100%;padding-left:0;flex-grow:0}
.naa{display:none;}
.naa1{display:block;}
.item4{width: 49%;margin: 0 0 2% 2%;}
.item4:nth-child(2n+1){margin-left: 0;}
.Ritem:nth-child(3){display:none}
.Ritem:first-child{width:60%;}
.Ritem{width:40%;}
}
@media screen and (max-width:650px) {
.index{text-align:center;position:relative;padding-top:0px;}
.index h3{font-size:18px;line-height: 24px;position:relative;z-index: 1}
.index b{font-size:36px;line-height:36px;color:rgba(211,211,211,0.2);text-transform:uppercase;margin-top:-32px;display: block}
.index i{font-size:18px;line-height:18px;color:#b63a3a;margin-top:5px;}
.Ritem:first-child{width:60%;}
.Ritem{width:40%;}
/*首页关于我们*/
.second,.four,.six{padding:20px 0}
.three,.five{padding:30px 0}
.aboutc{padding:10px 0;font-size:12px;line-height:20px;}
.abouti{display:none}
.abouti p{font-size:12px;line-height:20px;}
.abouti span{margin:10px auto;}
.abouti b{font-size:16px;line-height:24px;}
#scroll_container,.top_position,.head_height{height:60px;}
.logo img{padding:5px 0;height:50px;}
.navbar-menu{height:40px;width:40px;}
a.btn-menu:before{width:25px;height:1px;margin-top:-10px;margin-left: -13px;}
.btn-menu b{width:25px;height:1px;}
a.btn-menu:after{width:25px;height:1px;margin-top:10px;margin-left: -13px;}
.openMenu .m-header div.navbar-menu a.btn-menu:before{-webkit-transform: rotate(45deg) translateY(8px) translateX(6px) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}
.openMenu .m-header div.navbar-menu a.btn-menu:after{-webkit-transform: rotate(-45deg) translateY(-8px) translateX(6px) scaleY(1.5);-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);}
.subtitle h3,.subtitle p{font-size:18px;line-height:18px;font-weight:bold}
.subtitle b,.subtitle em,.di,.tt{display:none}
.bottom-bg{height: 20px;bottom: -10px;}
.top-bg{height: 20px;top: -10px;}
.photo-list{margin:15px 0;}
.pages{margin-top:15px;}
.pages .pre-page, .pages .next-page {width:90px;height:30px;line-height: 30px;text-align: center;font-size: 12px;background: #ddd;}
.four .content,.six .content,.list_box_title{margin-top:15px;}
.five .content{margin-top:15px;padding:0;}
.more {width:90px;height:30px;line-height:30px;margin-top:15px}
.five .content li{width:100%;margin:0 0 2%;}
.biaodan input{height: 36px;line-height: 24px;}
.wrap{font-size:11px;}
#AdLayer a{display:none}
.fl{float:none;margin:0 auto;text-align:center;}
.Ritem:first-child,.Ritem h3{display:none;}
.Ritem{width:100%;margin:0;padding:0;text-align:center;}
.tf{padding:20px 0;}
.wrap{height:40px;line-height:40px;}
.go_top{height:8px}
.xxt{height:200px}
#list_cound{margin:10px 0;}
#list_cound li{padding:6px 12px;margin:5px;font-size:12px;}
.pagenum{margin-top:10px;}
.pagenum .current,.pagenum a,.pagenum .firstPage, .pagenum .nextPage, .pagenum .prePage, .pagenum .lastPage{font-size:12px;display:inline-table;padding:0;width:32px;line-height:28px;text-align:center;}
.list_right{padding-bottom:20px;}
.guestbook .content{margin-top: 20px;}
.guestbook,.about{padding:20px 0 30px;}
.list_new .item_li{width:100%;}
.newb{padding:20px;}
.list_new .item_right{padding:0;}
.newb:before{display:none;}
.m-menu-layer ul li a{font-size:14px;}
}
</style>